<div *ngIf="nodata" class="nodata" [ngStyle]="{'height':styleHeight+'px','line-height':styleHeight+'px'}">{{nodataText}}
</div>

<div *ngIf="!nodata" nz-row>
    <div nz-col nzSpan="12">
        <nz-select *ngIf="viewStatus1" class="w250" [nzDropdownClassName]="selectClass" [(ngModel)]="viewEcharsValue1"
            (ngModelChange)="viewEcharsChange($event,'dqtxEchars1')">
            <nz-option *ngFor="let data of viewEcharsList" [nzValue]="data.id" [nzLabel]="data.text">
                {{data.text}}</nz-option>
        </nz-select>
        <div id="dqtxEchars1" *ngIf="viewStatus1" class="w100" [ngStyle]="{'height':styleHeight+'px'}"></div>
        <div *ngIf="kglTableStatus1" class="kglTable w100" [ngStyle]="{'height':styleHeight+'px'}">
            <app-electricalnmltable [kglData]="kglTableList"></app-electricalnmltable>
        </div>
    </div>
    <div nz-col nzSpan="12">
        <nz-select *ngIf="viewStatus2" class="w250" [nzDropdownClassName]="selectClass" [(ngModel)]="viewEcharsValue2"
            (ngModelChange)="viewEcharsChange($event,'dqtxEchars2')">
            <nz-option *ngFor="let data of viewEcharsList" [nzValue]="data.id" [nzLabel]="data.text">
                {{data.text}}</nz-option>
        </nz-select>
        <div id="dqtxEchars2" *ngIf="viewStatus2" class="w100" [ngStyle]="{'height':styleHeight+'px'}"></div>
        <div *ngIf="kglTableStatus2" class="kglTable w100" [ngStyle]="{'height':styleHeight+'px'}">
            <app-electricalnmltable [kglData]="kglTableList"></app-electricalnmltable>
        </div>
    </div>
</div>

<nz-modal [nzClassName]="popClass" nzMaskClosable="false" [(nzVisible)]="eleVisible" nzTitle="电气特性"
    [nzBodyStyle]="{'padding':'5px 24px','background':'#f2f5fd'}" [nzWidth]="1800" (nzOnCancel)="fullOk()"
    (nzOnOk)="fullOk()">
    <div nz-row *ngIf="!nodata">
        <div nz-col nzSpan="12">
            <nz-select *ngIf="viewStatus11" class="w250" [nzDropdownClassName]="selectClass"
                [(ngModel)]="viewEcharsValue11" (ngModelChange)="viewEcharsChange($event,'dqtxEchars11')">
                <nz-option *ngFor="let data of viewEcharsList" [nzValue]="data.id" [nzLabel]="data.text">
                    {{data.text}}</nz-option>
            </nz-select>
            <div id="dqtxEchars11" *ngIf="viewStatus11" class="w100" [ngStyle]="{'height':styleHeight+'px'}"></div>
            <div *ngIf="kglTableStatus11" class="kglTable w100" [ngStyle]="{'height':styleHeight+'px'}">
                <app-electricalnmltable [kglData]="kglTableList"></app-electricalnmltable>
            </div>
        </div>
        <div nz-col nzSpan="12">
            <nz-select *ngIf="viewStatus12" class="w250" [nzDropdownClassName]="selectClass"
                [(ngModel)]="viewEcharsValue12" (ngModelChange)="viewEcharsChange($event,'dqtxEchars12')">
                <nz-option *ngFor="let data of viewEcharsList" [nzValue]="data.id" [nzLabel]="data.text">
                    {{data.text}}</nz-option>
            </nz-select>
            <div id="dqtxEchars12" *ngIf="viewStatus12" class="w100" [ngStyle]="{'height':styleHeight+'px'}"></div>
            <div *ngIf="kglTableStatus12" class="kglTable w100" [ngStyle]="{'height':styleHeight+'px'}">
                <app-electricalnmltable [kglData]="kglTableList"></app-electricalnmltable>
            </div>
        </div>
    </div>
    <div nz-row *ngIf="!nodata">
        <div nz-col nzSpan="12">
            <nz-select *ngIf="viewStatus13" class="w250" [nzDropdownClassName]="selectClass"
                [(ngModel)]="viewEcharsValue13" (ngModelChange)="viewEcharsChange($event,'dqtxEchars13')">
                <nz-option *ngFor="let data of viewEcharsList" [nzValue]="data.id" [nzLabel]="data.text">
                    {{data.text}}</nz-option>
            </nz-select>
            <div id="dqtxEchars13" *ngIf="viewStatus13" class="w100" [ngStyle]="{'height':styleHeight+'px'}"></div>
            <div *ngIf="kglTableStatus13" class="kglTable w100" [ngStyle]="{'height':styleHeight+'px'}">
                <app-electricalnmltable [kglData]="kglTableList"></app-electricalnmltable>
            </div>
        </div>
        <div nz-col nzSpan="12">
            <nz-select *ngIf="viewStatus14" class="w250" [nzDropdownClassName]="selectClass"
                [(ngModel)]="viewEcharsValue14" (ngModelChange)="viewEcharsChange($event,'dqtxEchars14')">
                <nz-option *ngFor="let data of viewEcharsList" [nzValue]="data.id" [nzLabel]="data.text">
                    {{data.text}}</nz-option>
            </nz-select>
            <div id="dqtxEchars14" *ngIf="viewStatus14" class="w100" [ngStyle]="{'height':styleHeight+'px'}"></div>
            <div *ngIf="kglTableStatus14" class="kglTable w100" [ngStyle]="{'height':styleHeight+'px'}">
                <app-electricalnmltable [kglData]="kglTableList"></app-electricalnmltable>
            </div>
        </div>
    </div>
</nz-modal>